<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> 小米商城 - 小米11、Redmi K40 Pro、小米MIX Alpha，小米电视官方网站</title>
    <link rel="stylesheet" href="../../图标/iconfont.css">
    <link rel="stylesheet" href="../css/lunbo.css">
    <!-- <link rel="stylesheet" href="../../闪电/iconfont.css"> -->
    <link rel="stylesheet" href="../css/swiper-bundle.min.css">
    <link rel="stylesheet" href="../../weibu_icon/iconfont.css">
    <link rel="stylesheet" href="../css/first_page.css">
    <script src="../js/swiper-bundle.min.js"></script>
    <script src="../js/animateBak.js"></script>
    <script src="../js/common.js"></script>
    <script src="../js/js列表数据.js"></script>
    <script src="../js/shopList.js"></script>
    <script src="../js/axios.min.js"></script>
</head>

<body>
    <!-- 顶部pic图片 -->
    <div class="pic_warp">
        <div class="top_pic">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/49aa1df3471f88dd2235db8a40785977.jpg?w=5120&h=240"
                alt="">
        </div>
    </div>
    <div class="danghang1Wrap">
        <div class="daohang1">
            <ul>
                <li>小米商城</li>
                <li>MIUI</li>
                <li>loT</li>
                <li>云服务</li>
                <li>天星数科</li>
                <li>有品</li>
                <li>小爱开放平台</li>
                <li>企业团购</li>
                <li>资质证照</li>
                <li>协议规则</li>
                <a class="DownLoad" href="https://www.mi.com/appdownload">
                    <li>下载app
                        <div class="two_hours">
                            <img src="https://i1.mifile.cn/f/i/17/appdownload/download.png?1" alt="">
                            <br><span style="font-size:20px;">小米商城APP</span>
                        </div>
                    </li>
                </a>
                <li>智能生活</li>
                <li>Select Location</li>
            </ul>
        </div>
        <div class="daohang2">
            <ul>
                <li class="login">登录</li>
                <li class="logined" style="display: none; color:#FF6700;">已登录</li>
                <li class="reg">注册</li>
                <li>消息通知</li>
                <li class="cart_Li" style="background: #b8b7b8;">
                    <span class="iconfont icon-gouwuchekong Add_cart=" AddCart">购物车(0)</span>
                    <div class="cart_box" style="position: absolute;">

                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="two_list">
        <div class="mILeft">
            <div class="mILogo">
                <img src="http://s02.mifile.cn/assets/static/image/mi-logo.png" alt="">
            </div>
            <!-- 选项卡 -->
            <!-- 按钮 -->
            <div class="mIList">
                <ul class="mIListul">
                    <li>小米手机</li>
                    <li>Redmi红米</li>
                    <li>电视</li>
                    <li>笔记本</li>
                    <li>家电</li>
                    <li>路由器</li>
                    <li>智能硬件</li>
                </ul>
            </div>
            <div class="mIServer">
                <ul class="mIServerul">
                    <li>服务</li>
                    <li>社区</li>
                </ul>
            </div>
        </div>
        <div class="right_ipt">
            <input type="text" class="rightIpt" placeholder="【换新】RedmiBook">
            <div class="span_div" style="float: right; margin-top: 22px;">
                <span class="iconfont icon-sousuo"
                    style="font-weight: bolder;font-size:26px;margin-left:12px;line-height:56px;cursor: pointer;"></span>
            </div>
        </div>
    </div>
    <div class="content">
        <ul class="XuanXiangKaList">

        </ul>
    </div>
    <div class="dazhezhao">

    </div>
    <div class="tanchukuangwarp">
        <div class="tanchukuang">
            <span class="false-class"
                style="color: white; font-weight: bolder;float: right; margin: -180px 14px;font-family: '宋体'; cursor: pointer;">X</span>
            <p>小米商城用户协议</p>
            <div class="tongyi">同意</div>
            <div class="butongyi">不同意</div>
        </div>
    </div>
    <div class="cebianlan">
        <div class="box1" style="width: 100px;"> <span class="iconfont icon-shouji" style="font-size:32px"></span>
            <p>手机APP</p>
            <img class="img-box" src="https://i1.mifile.cn/f/i/17/appdownload/download.png?1" alt=""
                style="width: 100px;position:absolute; right:100px; top:20px;display:none;">
        </div>
        <div class="boxlianjie"><span class="iconfont icon-xiazai" style="font-size:32px"></span>
            <p>个人中心</p>
        </div>
        <div class="boxlianjie"><span class="iconfont icon-shouhoufuwuicon
            " style="font-size:32px"></span>
            <p>售后服务</p>
        </div>
        <div class="boxlianjie"><span class="iconfont icon-kefu" style="font-size:32px"></span>
            <p>人工客服</p>
        </div>
        <div class="box_cart"> <a href="myCart.html"><span class="iconfont icon-gouwuchekong"
                    style="font-size:32px"></span>
                <p>购物车</p>
            </a>
        </div>

    </div>
    <div class="come_top">
        <p>回到顶部</p>
    </div>
    <div class="lunbowarp">
        <div class="box">
            <ul class="item">
                <li style="opacity: 1;"><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0f5c49925f3a7d5157b8ac7f4f66b34b.jpg?thumb=1&w=1533&h=575&f=webp&q=90" />
                </li>
                <li><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/be65df8811649d367ff76c86334f4d19.jpg?w=2452&h=920" />
                </li>
                <li><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/85fe83512254832000635fb15f048df5.jpg?thumb=1&w=1533&h=575&f=webp&q=90" />
                </li>
                <li><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0ef4160c861b998239bce9adb82341e7.jpg?thumb=1&w=1533&h=575&f=webp&q=90" />
                </li>
                <li><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e023dd94c146d0f27f7ae8e98213abff.jpg?thumb=1&w=1533&h=575&f=webp&q=90" />
                </li>
            </ul>
            <button class="leftBtn">&lt;</button>
            <button class="rightBtn">&gt;</button>

            <ul class="page">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
        <div class="toumingBtnbox">
            <button class="AnniuBtn">商品一</button>
            <button class="AnniuBtn">商品二</button>
            <button class="AnniuBtn">商品三</button>
            <button class="AnniuBtn">商品四</button>
            <button class="AnniuBtn">商品五</button>
        </div>
        <div class="pic_box">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/174a2f9256a44b98f9e08bbe30528329.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/174a2f9256a44b98f9e08bbe30528329.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/174a2f9256a44b98f9e08bbe30528329.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/174a2f9256a44b98f9e08bbe30528329.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/174a2f9256a44b98f9e08bbe30528329.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/174a2f9256a44b98f9e08bbe30528329.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/174a2f9256a44b98f9e08bbe30528329.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/174a2f9256a44b98f9e08bbe30528329.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/174a2f9256a44b98f9e08bbe30528329.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">
        </div>
        <div class="pic_box">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">
        </div>
        <div class="pic_box">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bfdd3b985b4a9da58a1f5a861c5895f.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bfdd3b985b4a9da58a1f5a861c5895f.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bfdd3b985b4a9da58a1f5a861c5895f.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bfdd3b985b4a9da58a1f5a861c5895f.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bfdd3b985b4a9da58a1f5a861c5895f.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bfdd3b985b4a9da58a1f5a861c5895f.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bfdd3b985b4a9da58a1f5a861c5895f.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bfdd3b985b4a9da58a1f5a861c5895f.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bfdd3b985b4a9da58a1f5a861c5895f.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">
        </div>
        <div class="pic_box">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7872a4195d666f08bef0877562dd7fe7.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7872a4195d666f08bef0877562dd7fe7.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7872a4195d666f08bef0877562dd7fe7.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7872a4195d666f08bef0877562dd7fe7.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7872a4195d666f08bef0877562dd7fe7.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7872a4195d666f08bef0877562dd7fe7.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7872a4195d666f08bef0877562dd7fe7.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7872a4195d666f08bef0877562dd7fe7.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7872a4195d666f08bef0877562dd7fe7.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">
        </div>
        <div class="pic_box">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72efefb3f76c2ec1ef749f860ff232b9.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt="">
        </div>
    </div>
    <div class="lunBoUnderBanner">
        <div class="onebox"><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7872a4195d666f08bef0877562dd7fe7.png?thumb=1&w=200&h=138&f=webp&q=90"
                alt=""></div>
        <div class="twobox"><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5d4298059889417157e8492750328492.jpg?w=632&h=340"
                alt=""></div>
        <div class="box3"><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8a43378b96501d7e227a9018fe2668c5.jpg?w=632&h=340"
                alt=""></div>
        <div class="box4"><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/793913688bfaee26b755a0b0cc8575fd.jpg?w=632&h=340"
                alt=""></div>
    </div>
    <div class="AllBigBox">
        <div class="daoJiShi_LunbotuBox">
            <div class="daoJiShi_LunbotuBox_top">
                <!--小米秒杀=》轮播图顶部的一个盒子-->
                <div class="box_hanzi">小米秒杀</div>
                <!-- <div class="btnlunbo"><button>&lt;</button><button>&gt;</button></div> -->
            </div>
            <div class="daojitimeBox">
                <!--倒计时-->
                <br><br>
                <p style="color: #EF3A3B; font-weight: bolder;font-size: 20px;text-indent: 70px;">2小时一场</p><br>
                <p style="text-align: center;"><img src="data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA1CAYAAAAklDnhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ
                    bWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp
                    bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6
                    eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1
                    MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo
                    dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw
                    dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv
                    IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS
                    ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD
                    cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5j
                    ZUlEPSJ4bXAuaWlkOjY4Q0ZFMkY5MTJFNzExRThCMkM4OEM1RTNBNjczQUVBIiB4bXBNTTpEb2N1
                    bWVudElEPSJ4bXAuZGlkOjY4Q0ZFMkZBMTJFNzExRThCMkM4OEM1RTNBNjczQUVBIj4gPHhtcE1N
                    OkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjhDRkUyRjcxMkU3MTFFOEIy
                    Qzg4QzVFM0E2NzNBRUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjhDRkUyRjgxMkU3MTFF
                    OEIyQzg4QzVFM0E2NzNBRUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94Onht
                    cG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5oEyacAAACoklEQVR42sSYv0tbURTHX0LqD6T4g4pE
                    cHDoUOloBxVd/QFFEcQqWtrSKlKFmmAslopohzgIbv4FwUEE0clFujiIi+BSIbRQ0ooKRReRULHf
                    S48Qgu++c3/FAx+iyU3eJzf3nnPuC/1qavQ04zVY8szjCHRGNN9cBD6DSkOJKzAGzsOaH/AW1FuY
                    jRg4EH/oiJSCTxYk1sDK7T86Iu9BraHED/Au9wlVkYdg2lAiC/rBhYnIB/DIUOQj2M9/UkWkCsQN
                    JbbA8l0vqIhMgXIDiZ/gFbgxEakBEwYSf8Eg+OM3gCsyA8oMRETy25UN4IjUgVEDiW2wGDSIIzIL
                    ijUljsFLv3WhIvKYFphOXNO6OOUMDhKZA7qFcQF85Q6WXeQpeKEpcULlvY8xthp8iwR8I93qLLb7
                    KnOsSPWNfhd6Bro99yHqTi9IhyWzEXIsIXbSG7Djt1jbQHsBZkMkyZRs13wpgIRoiJKy7dsBWh1L
                    bN5Vt3JFQrQ2XMYeGKBk5yvSI7aRQ4k0eA4uZZlVPM47lDgTZxd6lKb4AcqkLuKSZiIdVGsiVFNc
                    xDV9yT1Orekjoe+MDw4pHqwmaJewit66Ql0QaX+DOTaZe4DitAFZxQaaEynKnJ6KCDeaQAtj3A7V
                    kBtXIpwT3iFV06zqquaKPKEtKIsM6Mo/StoWiQeMvSCJjO4+54hEwTCjuTk0STgckUm6QxTY3LgU
                    Kc+/jyFrblyKCIkKbnPjSkT8HDGV5saVyBAtVHZz40Ik7HNTRtrcuBARF2tQbW5ciCR0mhvbIs2E
                    cnNjWySh29zYFGnIK25KzY1Nkdziptzc2BKJUu7Qbm5sicQom2o3NzZEKqiu/DZpbmyIjIAHNBMZ
                    7x4iTALjhcgVQSIl3v87w5vePcY/AQYAFYR6skFSqBUAAAAASUVORK5CYII=" alt=""></p>
                <p style="color: #6F6D6D; text-align: center;">距离结束还有</p>

                <div class="jishi">
                    <div class="div1"></div>
                    <!-- <span class="span1"></span> -->
                    <div class="div2"></div>

                    <div class="div3"></div>
                </div>
            </div>
            <!-- 小米秒杀的轮播图                                                                                                                                                                                                                                -->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b11742a0be47f9d97bb6a13ea580018d.png?thumb=1&w=200&h=138&f=webp&q=90"
                            alt="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a4a76ee684e51f0ee531ef3dc7f0aeaf.png?thumb=1&w=200&h=138&f=webp&q=90"
                            alt="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3bf20f1df3f2e22c5b29ff07634f3c59.png?thumb=1&w=200&h=138&f=webp&q=90"
                            alt="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/81808cd191332114f44d8d0cb0d0813a.png?thumb=1&w=200&h=138&f=webp&q=90"
                            alt=""></div>
                    <div class="swiper-slide"><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b11742a0be47f9d97bb6a13ea580018d.png?thumb=1&w=200&h=138&f=webp&q=90"
                            alt="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a4a76ee684e51f0ee531ef3dc7f0aeaf.png?thumb=1&w=200&h=138&f=webp&q=90"
                            alt="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3bf20f1df3f2e22c5b29ff07634f3c59.png?thumb=1&w=200&h=138&f=webp&q=90"
                            alt="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/81808cd191332114f44d8d0cb0d0813a.png?thumb=1&w=200&h=138&f=webp&q=90"
                            alt=""></div>
                    <div class="swiper-slide"><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b11742a0be47f9d97bb6a13ea580018d.png?thumb=1&w=200&h=138&f=webp&q=90"
                            alt="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a4a76ee684e51f0ee531ef3dc7f0aeaf.png?thumb=1&w=200&h=138&f=webp&q=90"
                            alt="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3bf20f1df3f2e22c5b29ff07634f3c59.png?thumb=1&w=200&h=138&f=webp&q=90"
                            alt="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/81808cd191332114f44d8d0cb0d0813a.png?thumb=1&w=200&h=138&f=webp&q=90"
                            alt=""></div>
                    <div class="swiper-slide"><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b11742a0be47f9d97bb6a13ea580018d.png?thumb=1&w=200&h=138&f=webp&q=90"
                            alt="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a4a76ee684e51f0ee531ef3dc7f0aeaf.png?thumb=1&w=200&h=138&f=webp&q=90"
                            alt="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3bf20f1df3f2e22c5b29ff07634f3c59.png?thumb=1&w=200&h=138&f=webp&q=90"
                            alt="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/81808cd191332114f44d8d0cb0d0813a.png?thumb=1&w=200&h=138&f=webp&q=90"
                            alt=""></div>
                </div>
                <!-- 如果需要分页器 -->
                <!-- <div class="swiper-pagination"></div> -->

                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>

                <!-- 如果需要滚动条 -->
                <!-- <div class="swiper-scrollbar"></div> -->
            </div>
        </div>
        <div class="Note9phoneBannerwarp">
            <div class="Note9Banner">
                <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/431e5fd6bfd1b67d096928248be18303.jpg?thumb=1&w=1533&h=150&f=webp&q=90"
                    alt="">

            </div>
        </div>
        <div class="shopListBigBox">
            <div class="shopListBigBox_top">
                <p style="line-height: 60px; font-size: 25px;">手机</p>
            </div>
            <div class="xiaomi11phone">
                <img style="width: 234px;height: 614px;float: left;"
                    src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/cb1bd61ad71c45a4f67f09b075463944.jpeg?thumb=1&w=293&h=768&f=webp&q=90"
                    alt="">
            </div>
            <div class="shopListRight">

            </div>
        </div>
    </div>
    <div class="footwarp">
        <div class="foot">
            <div class="foot_top">

                <div class="div_right"><span class="iconfont icon-weixiu" style="font-size:20px;">预约维修服务</span></div>
                <div class="div_right"><span class="iconfont icon-7tianwuliyoutuihuo"
                        style="font-size:20px;">七天无理由退货</span></div>
                <div class="div_right"><span class="iconfont icon-15tianwuliyoutuihuo"
                        style="font-size:20px;">十五天免费换货</span></div>
                <div class="div_right"><span class="iconfont icon-libao" style="font-size:20px;">满99元包邮</span></div>
                <div class="div_nobiankuang"><span class="iconfont icon-weizhi" style="font-size:20px;">520余家售后网店</span>
                </div>
            </div>
            <div class="foot_moddle">
                <div class="foot_moddle_left">
                    <div class="div_class">
                        <ul>
                            <li class="Ali">帮助中心
                                <ul>
                                    <li>账户管理</li>
                                    <li>购物指南</li>
                                    <li>订单操作</li>
                                </ul>
                            </li>
                            <li class="Ali">服务支持
                                <ul>
                                    <li>售后政策</li>
                                    <li>自助服务</li>
                                    <li>相关下载</li>
                                </ul>
                            </li>
                            <li class="Ali">线下门店
                                <ul>
                                    <li>小米之家</li>
                                    <li>服务网点</li>
                                    <li>授权体验店</li>
                                </ul>
                            </li>
                            <li class="Ali">关于小米
                                <ul>
                                    <li>了解小米</li>
                                    <li>加入小米</li>
                                    <li>投资者关系</li>
                                    <li>企业社会责任</li>
                                    <li>连接举报</li>
                                </ul>
                            </li>
                            <li class="Ali">关注我们
                                <ul>
                                    <li>新浪微博</li>
                                    <li>官方微信</li>
                                    <li>联系我们</li>
                                    <li>公益基金会</li>
                                </ul>
                            </li>
                            <li class="Ali">特色服务
                                <ul>
                                    <li>F码通道</li>
                                    <li>礼物码</li>
                                    <li>防伪查询</li>
                                </ul>
                            </li>
                        </ul>
                        <span class="beauty_class">让全球每个人都能享受科技带来的美好生活</span>
                    </div>
                </div>

            </div>
            <div class="foot_moddle_right">
                <span class="span_class">
                    400-100-5678
                </span>
            </div>
        </div>
        <div class="foot_bottom"></div>
    </div>
    </div>
    <script src="../js/daojishilunbotu.js"></script>
    <script src="../js/jdSwiper.js"></script>
    <!-- 京东轮播图 -->
    <script>
        new JDSwiper({
            el: ".box",
            autoPlay: true,
        });
    </script>
    <script>
        let download = document.querySelector('.DownLoad')
        console.log(download);
        let two_hours = document.querySelector('.two_hours')
        console.log(two_hours);
        // 鼠标滑过二维码显示隐藏效果
        download.onmouseenter = function () {
            two_hours.style.display = 'block'
        }
        download.onmouseleave = function () {
            two_hours.style.display = 'none'
        }
        // 获取购物车的li（判断购物车有无商品效果）
        let cart_Li = document.querySelector('.cart_Li')
        console.log(cart_Li);
        // 获取到购物车 box
        let cart_box = document.querySelector('.cart_box')
        console.log(cart_box);
        cart_Li.onmouseenter = function () {
            cart_box.style.display = 'block'
        }
        cart_Li.onmouseleave = function () {
            cart_box.style.display = 'none'
        }
        let carts = localStorage.getItem('carts')
        console.log(carts);
        if (!carts) {
            cart_box.innerHTML = '购物车中还没有商品，赶紧选购吧！'
        }
        let reg = document.querySelector('.reg') // 获取注册标签
        let dazhezhao = document.querySelector('.dazhezhao') //获取遮罩标签
        let tanchukuang = document.querySelector('.tanchukuang') //获取弹出框
        let tongyi = document.querySelector('.tongyi') //获取同意按钮
        let butongyi = document.querySelector('.butongyi') //获取不同意按钮
        let diancha = document.querySelector('.false-class') //获取点差按钮    
        console.log(dazhezhao);
        console.log(reg);
        //    给注册 添加点击事件
        reg.onclick = function () { //点击注册按钮的时候，让遮罩 和弹出框显示出来
            dazhezhao.style.display = 'block'
            tanchukuang.style.display = 'block'
        }
        butongyi.onclick = function () {
            dazhezhao.style.display = 'none'
            tanchukuang.style.display = 'none'
        }
        diancha.onclick = function () {
            dazhezhao.style.display = 'none'
            tanchukuang.style.display = 'none'
        }
        tongyi.onclick = function () {
            location.href = 'reg.html'
        }
        let login = document.querySelector('.login')
        console.log(login);
        login.onclick = function () {
            location.href = 'logins.html'
        }
        // 滑过属性 变色
        let box1 = document.querySelector('.box1') //获取手机App
        console.log(box1);
        let boxlianjie = document.querySelectorAll('.boxlianjie') //获取个人中心和售后和人工客服
        console.log(boxlianjie);
        let box_cart = document.querySelector('.box_cart') //获取购物车box
        console.log(box_cart);

        let img_box = document.querySelector('.img-box') // 获取到 二维码的图片
        console.log(img_box);
        box1.onmouseenter = function () { //给 获取手机 添加鼠标划入 划出事件
            img_box.style.display = 'block' //鼠标划入的时候 二维码显示
            box1.style.color = '#FF6700'
        }
        img_box.onmouseleave = function () { //给 获取手机 添加鼠标划入 划出事件
            img_box.style.display = 'none' //鼠标划出的时候 二维码隐藏
            box1.style.color = '#999899'
        }
        // 遍历每一个box，然后鼠标划入变颜色，划出颜色回归
        boxlianjie.forEach(vbox => {
            vbox.onmouseenter = function () {
                vbox.style.color = '#FF6700'
            }
            vbox.onmouseleave = function () {
                vbox.style.color = '#999899'
            }
        })
        let logined = document.querySelector('.logined')
        let logins = document.querySelector('.login')
        let uids = localStorage.getItem('uid')
        if (uids) {
            logins.style.display = 'none'
            logined.style.display = 'block'
        } else {
            login.style.display = 'block'
            logined.style.display = 'none'
        }
    </script>
    <script src="../js/dingbudaohang.js"></script>
    <!-- 回到顶部 -->
    <script src="../js/come_top.js"></script>
    <!-- 侧边栏 -->
    <script src="../js/cebianlan.js"></script>
    <script src="../js/xiaomi_daojishi.js"></script>
    <script src="../js/LoadList.js"></script>
</body>

</html>